<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="style/css/common.css">
    <link rel="stylesheet" type="text/css" href="script/package/Swiper-3.4.2/dist/css/swiper.css">
    <link rel="stylesheet" type="text/css" href="style/css/style.css">
    <link href="https://cdn.bootcss.com/animate.css/3.5.1/animate.css" rel="stylesheet">
</head>

<body class="index">
    <div class="header-wrap">
        <!-- header DOM结构 -->
    </div>
    <div class="banner-box">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="style/images/1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="style/images/2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="style/images/3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="style/images/4.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <div class="main-wrap">
        <div class="main">
            <ul class="main-box clearfix">
                <li class="item">
                    <div class="item-top clearfix">
                        <h2 class=fl>舆情分析库</h2>
                        <a class="more fr" href="">更多>></a>
                    </div>
                    <div class="item-detail">
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                    </div>
                </li>
                <li class="item">
                    <div class="item-top clearfix">
                        <h2 class=fl>舆情分析库</h2>
                        <a class="more fr" href="">更多>></a>
                    </div>
                    <div class="item-detail">
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                    </div>
                </li>
                <li class="item">
                    <div class="item-top clearfix">
                        <h2 class=fl>舆情分析库</h2>
                        <a class="more fr" href="">更多>></a>
                    </div>
                    <div class="item-detail">
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                    </div>
                </li>
                <li class="item">
                    <div class="item-top clearfix">
                        <h2 class=fl>舆情分析库</h2>
                        <a class="more fr" href="">更多>></a>
                    </div>
                    <div class="item-detail">
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                        <a href="" class="clearfix">
                            <p class="fl title">习近平出席“一带一路”论坛开幕式 专题</p>
                            <div class="date fr">
                                05-07
                            </div>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-wrap">
        <!--    页脚部分Dom -->
    </div>
    <script src="script/jquery.min.js"></script>
    <script src="script/package/Swiper-3.4.2/dist/js/swiper.jquery.js"></script>
    <script src="script/headerFooter.js"></script>
    <script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000, //可选选项，自动滑动
        pagination: '.swiper-pagination',
        prevButton: '.swiper-button-prev',
        loop: true,
        nextButton: '.swiper-button-next',
        paginationClickable: true,
        effect: 'fade',
        fade: {
            crossFade: false,
        }
    })
    $('.main').removeClass('rollIn' + ' animated').addClass('rollIn' + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {

        $(this).removeClass('rollIn' + ' animated');

    });
    </script>
</body>

</html>
